<template>
	<view class="container">
		<view class="res">
			<u-icon name="/static/icon/success.png" size="128rpx"></u-icon>
			<view>{{$t('order.pay.success')}}</view>
		</view>
		<view class="info">
			<view>外賣商務平台</view>
			<view class="price">$88.88</view>
		</view>
		<view class="btn" @click="complete">{{$t('c.complete')}}</view>
	</view>
</template>

<script>
	export default {
		methods: {
			complete() {
				uni.navigateTo({
					url: '/pages/order/wait'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.res {
		margin-top: 110rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 36rpx;
		color: #141B24;
	}
	
	.info {
		margin-top: 160rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 30rpx;
		color: #141B24;
		
		.price {
			color: #141B24;
			font-size: 80rpx;
		}
	}
	
	.btn {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 160rpx;
		width: 248rpx;
		height: 104rpx;
		border-radius: 52rpx;
		border: 1rpx solid #E35525;
		background-color: rgba(227, 85, 37, 0.1);
		font-size: 36rpx;
		color: #E35525;
	}
</style>